<template>
    <div class="title">
        <span class="line"></span>
        <span class="title">{{contentTitle}}</span>
    </div>
</template>

<script>
    export default {
        name: 'feedback-title',
        props: ["contentTitle"],
        components: {},
        data: function() {
            return {
                title: ''
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .title{
        height:0.34rem;
        line-height: 0.34rem;
    }
    span.line {
        display: inline-block;
        width: 0.08rem;
        height: 0.34rem;
        margin-right: 0.16rem;
	    background-color: #3271f1;
        border-radius: 0.2rem;
    }
    span.title {
        display: inline-block;
        vertical-align: top;
        max-width: 50%;
	    height: 0.34rem;
	    font-size: 0.34rem;
	    font-weight: bold;
	    font-stretch: normal;
	    line-height: 0.34rem;
	    color: #1d1b21;
    }
</style>
